<template>
  <div class="slotA">
    我是插槽
    <slot>我是匿名插槽</slot>
  </div>
</template>

<script>

</script>
<!-- 
  子级插槽修改父级的样式
  :slotted(xxxxx)

  但是如果父级页面和自己页面都有相同选择器时，父级的样式优先级更高
 -->
<style lang="less" scoped>
.A {
  color: green;
  background-color: greenyellow;
}
:slotted(.slotA .A) {
  color: red;
  background-color: lightblue;
}
</style>